<!DOCTYPE html>
<html>
	
	<head>
	<script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
	// Your code here
		$("a").click(function(event){
		 alert("username chuyen sang chu thuong");
	   });
	//alert("username chuyen sang chu thuong");
		});
		$(document).ready(function(){
		  $("form").submit(function(e){
			alert("username chuyen sang chu thuong");
		});
		});
		function check()
		{
			var x = input.username.value;
			var y = input.password.value;
			if ( x.length == 0)
			{
				alert("chưa nhập username");
				alert("Nên nhập lại");
				return false;
			}		
			else if ( y.length == 0)
			{
				alert("chưa nhập password");
				alert("Nên nhập lại");
				return false;
			}
			else if(x.length > 1 && yArray.length > 1)
			{
				alert("Đăng nhập thành công");
				return false;
			}
			else
			{
				alert("Không có trong CSDL");
				return false;
			}
			
			var username1=/^[\sA-Za-z0-9]+$/ ;
			var kqid = username1.test(x);
			if(kqid == false)
			{
				alert("da nhap ki tu dac biet");
				alert("nen nhap lai");
				return false;
			}
		}
    </script>	
    </head>
	
	<body>
		
		<form name="input" onsubmit="return check();" action="" method="get" method="post">
		
		<body style="background-color:PowderBlue;">

		<img src="download.jpg" width="200" height="200"></body></br>
	
			<form action=""><form name="input" onsubmit="return check();" action="" method="get" method="post">
				
				Username: <input type="text" name = "username"><br />
				Password:<input type = "password" name = "password" /><br />
				
				<a><input type="submit" value="Đăng nhập" /></a>
		    </form>
	</body>
</html>